<template>
  <div class="bg-white rounded-lg p-8">
    <button
      type="button"
      class="mb-4 inline-flex items-center text-sm text-blue-600 hover:text-blue-700"
      @click="$router.push('/courier/profile/help')"
    >
      <svg class="w-4 h-4 mr-1" fill="none" stroke="currentColor" viewBox="0 0 24 24">
        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 19l-7-7 7-7" />
      </svg>
      返回帮助与反馈
    </button>
    <h2 class="text-2xl font-bold text-gray-900 mb-4">使用指南</h2>
    <p class="text-gray-600 mb-6">按照下面的步骤，可以帮助您快速熟悉代拿员的使用流程。</p>
    <ol class="list-decimal list-inside space-y-4 text-sm text-gray-700">
      <li>
        <span class="font-semibold text-gray-900">完善个人资料与认证。</span>
        在“我的主页 - 个人信息”中填写基础信息，并完成代拿员认证。
      </li>
      <li>
        <span class="font-semibold text-gray-900">设置接单偏好。</span>
        在“接单设置”中配置服务范围和常接单时间，系统会按偏好智能推荐订单。
      </li>
      <li>
        <span class="font-semibold text-gray-900">在接单大厅查看并抢单。</span>
        根据距离、价格、智能推荐等筛选合适订单，点击进入详情并接单。
      </li>
      <li>
        <span class="font-semibold text-gray-900">按时完成订单并确认送达。</span>
        按要求取件、配送，及时更新订单状态，确保顺利完成。
      </li>
      <li>
        <span class="font-semibold text-gray-900">在“我的钱包”查看收入。</span>
        可查看订单收入、交易记录和统计数据，后续可用于提现。
      </li>
    </ol>
  </div>
</template>

<script>
export default {
  name: 'CourierGuide'
}
</script>
